import React from "react";
import { getCases } from "../../../lib/data";
import { CasesSection } from "../../../components/CasesSection";
import { PageHero } from "../../../components/PageHero";

export const revalidate = 300;

export default function CasesPage({ params }: { params: { locale: string } }) {
  const locale = params.locale;
  const data = getCases(locale);
  return (
    <main className="bg-[#f6f8fc] text-[#1e2a3f]">
      {data.hero && (
        <PageHero
          title={data.hero.title}
          subtitle={data.hero.subtitle}
          locale={locale}
        />
      )}
      <CasesSection data={data} />
    </main>
  );
}

